/* ----------------------------------------------------------------
    Modify     : 用于独立页面
    Created on : 2020-4-16, 15:07:00
    Author     : Snake
    Version    : 1.0
-----------------------------------------------------------------*/
.navTop, .location, .footer-cont, .foot-copyright, .index-link {
    display: none;
}

.meau-home {
    display: block;
}

.cont-contact {
    background: none;
}

.cont-box {
    padding: 0!important;
}

.message-bg {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}

.message-bg img {
    width: 100%;
}

.cont-details {
    display: block;
    text-align: center;
}

/* ----------------------------------------------------------------
        留言 展开和隐藏
-----------------------------------------------------------------*/
/* -- 底部信息 - 二维码 -- */
.cont-details-message .foot-btn {
    display: inline-block;
    position: absolute;
    font-size: 14px;
    color: #fff;
    z-index: 1;
    padding: 10px 10px;
    bottom: 50px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
}

.cont-details-message .foot-btn:hover {
    border: 1px solid #33cde5;
    background: #33cde5;
}

.cont-details-message .foot-btn:last-child {
    margin-bottom: 0;
}

.cont-details-message .foot-icon {
    height: 37px;
    line-height: 37px;
    float: left;
    text-align: center;
}

.cont-details-message .foot-icon img {
    width: 18px;
    height: 16px;
}

.cont-details-message .foot-icon i {
    font-size: 30px;
    vertical-align: middle;
}

.cont-details-message .foot-code-txt {
    font-size: 26px;
    float: left;
    margin-left: 5px;
}

/* ----------------------------------------------------------------
    点击展开二维码
-----------------------------------------------------------------*/
/* -- 点击留言 -- */
.cont-details-message .message-warning {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.cont-details-message .btn-waring {
    position: relative;
    width: 90%;
    margin: 3% auto 0 auto;
    z-index: 9999;
    background: #fff;
}

.cont-details-message .waring-title {
    font-size: 21px;
    color: #333;
    text-align: center;
    padding: 10px 10px;
    border-top: 5px solid #33cde5;
    border-bottom: 1px solid #ccc;
}

.cont-details-message .waring-title .waring-close {
    color: #000;
    float: right;
    cursor: pointer;
}

.cont-details-message .waring-title .waring-close:hover {
    color: #f00;
    animation:closeTurn 2s linear infinite;
}

@keyframes closeTurn {
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}

.cont-details-message .waring-img {
    text-align: center;
    padding: 15px 15px;
}

/* ----------------------------------------------------------------
    提交表单
-----------------------------------------------------------------*/
/* -- 表单 -- */
.waring-img .table-message, .waring-img .table-message > tbody > tr > td {
    position: relative;
}

.waring-img .c-red {
    color: #f00;
}

.waring-img .table-message tbody .code-form-img {
    float: left;
}

.waring-img .table-message .form-control {
    float: left;
}

.waring-img .table-message tfoot input.table-sub {
    border: 1px solid #33cde5;
    background: #33cde5;
}

.waring-img .table-message tfoot input.table-sub:hover {
    color: #fff;
    border: 1px solid #1e86de;
    background: #1e86de;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

/* ----------------------------------------------------------------
    验证效果
-----------------------------------------------------------------*/
/* -- input -- */
.waring-img .Validform_wrong,
.waring-img .Validform_right,
.waring-img .Validform_warningg {
    position: absolute;
    font-size: 14px;
    height: 19px;
    line-height: 17px;
    top: 11px;
    right: 10px;
}

/* -- textarea -- */
.waring-img .table-message > tbody > tr > td.td-textarea .Validform_wrong,
.waring-img .table-message > tbody > tr > td.td-textarea .Validform_right,
.waring-img .table-message > tbody > tr > td.td-textarea .Validform_warningg {
    position: absolute;
    font-size: 14px;
    height: 19px;
    line-height: 17px;
    top: auto;
    bottom: 16px;
    right: 10px;
}

/* -- captcha -- */
.waring-img .table-message > tbody > tr > td.td-captcha .Validform_wrong,
.waring-img .table-message > tbody > tr > td.td-captcha .Validform_right,
.waring-img .table-message > tbody > tr > td.td-captcha .Validform_warningg {
    position: relative;
    float: left;
    font-size: 14px;
    height: 19px;
    line-height: 17px;
    top: 3px;
    bottom: 0;
    right: 0;
    left: 10px;
}